@charset "utf-8";
/* CSS Document */
 
.scroller {
  width: 300px;
  height: 225px;
 /* background-color: none;*/
  position: relative;
  padding-top: 20px;
  animation-name: scrollUp;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  border-radius: 15px;
}

@keyframes scrollUp {
	0%   {background-color:none; color: #C00; left:0px; top:225px;}
	25%  {background-color:none; left:0px; top:112px;}  
  100% {background-color: #FC9; color: #000; left:0px; top:0px;}
/*  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}*/
}